<%-- 
    Document   : registrazione
    Created on : Dec 12, 2011, 9:29:07 AM
    Author     : Giuseppe
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="JS/style.js" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" href="style.css">
        <script src="JS/controlloRegistrazione.js"></script>
        <title>Registrazione</title>
    </head>
    <body>
        <%@include file="header.jsp" %>
        <div id="content">
            <form action="/EsameSSCSWeb-war/Servlet?action=registrazione" method="post">
                <fieldset>
                    <legend>
                        Scelta tipologia di registrazione:
                    </legend>
                    <table border="0">
                        <tr>
                            <td>
                                <input type="radio" name="scelta" value="cliente" onclick="change(this)" checked>Cliente</input>
                                <input type="radio" name="scelta" value="locale" onclick="change(this)">Locale</input>
                            </td>
                        </tr>
                    </table>
                </fieldset>
                <fieldset>
                    <legend>
                        Informazioni Personali
                    </legend>
                    <div id="registrazione">
                        <table id="clientInfo" border="0">
                            <tr>
                                <td>
                                    Nome
                                </td>
                                <td>
                                    <input type="text" id="nome" name="nome"/>
                                </td>
                                <td>
                                    Cognome
                                </td>
                                <td>
                                    <input type="text" id="cognome" name="cognome"/>
                                </td>
                                <td>
                                    Data di Nascita
                                </td>
                                <td>
                                    <input type="text" id="dataNascita"name="dataNascita"/>
                                </td>
                            <tr>
                                <td>
                                    Email
                                </td>
                                <td>
                                    <input type="text" id="email" name="email"/>
                                </td>
                                <td>
                                    Indirizzo
                                </td>
                                <td>
                                    <input type="text" id="indirizzo" name="indirizzo"/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Telefono:
                                </td>
                                <td>
                                    <input type="text" id="telefonoC" name="telefonoC"/>
                                </td>
                            </tr>
                        </table>
                        <table id="localInfo" border="0">
                            <tr>
                                <td>
                                    Nome Locale:
                                </td>
                                <td>
                                    <input type="text" id="nomeLocale" name="nomeLocale"/>
                                </td>
                                <td>
                                    Indirizzo Locale:
                                </td>
                                <td>
                                    <input type="text" id="indirizzoLocale" name="indirizzoLocale"/>
                                </td>
                                <td>
                                    Numero di Posti:
                                </td>
                                <td>
                                    <input type="text" id="numPosti" name="numPosti"/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Orario apertura:
                                </td>
                                <td>
                                    <select name="orarioAp" id="orarioAp">
                                        <% for(int i=0;i<24;i++)
                                           {
                                                out.println("<option value=\""+i+":00\">"+i+":00</option>");
                                                out.println("<option value=\""+i+":30\">"+i+":30</option>");
                                           }%>
                                    </select>
                                </td>
                                <td>
                                    Orario chiusura:
                                </td>
                                <td>
                                    <select name="orarioCh" id="orarioCh">
                                        <% for(int i=0;i<24;i++)
                                           {
                                                out.println("<option value=\""+i+":00\">"+i+":00</option>");
                                                out.println("<option value=\""+i+":30\">"+i+":30</option>");
                                           }%>
                                    </select>
                                </td>
                                <td>
                                    Partita IVA:
                                </td>
                                <td>
                                    <input type="text" id="PIVA" name="PIVA"/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Proprietario:
                                </td>
                                <td>
                                    <input type="text" id="proprietario" name="proprietario"/>
                                </td>
                                <td>
                                    Telefono:
                                </td>
                                <td>
                                    <input type="text" id="telefono" name="telefono"/>
                                </td>
                                <td>
                                    Email:
                                </td>
                                <td>
                                    <input type="text" id="emailLocale" name="emailLocale"/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Descrizione:
                                </td>
                                <td colspan="3">
                                    <textarea rows="6" cols="50" id="descrizioneLocale" name="descrizioneLocale"></textarea>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    URL Immagine
                                </td>
                                <td>
                                    <input type="text" id="immagineLocale" name="immagineLocale"/>
                                </td>
                            </tr>
                        </table>
                    </div>
                </fieldset>
                <fieldset>
                    <legend>
                        Password
                    </legend>
                    <table id="pass" border="0">
                        <tr>
                           <td>
                                Password
                            </td>
                            <td>
                                <input type="password" id="password" name="password"/>
                            </td>
                            <td>
                                Conferma Password
                            </td>
                            <td>
                                <input type="password" id="password2" name="password2"/>
                            </td>
                        </tr>
                    </table>
                </fieldset>
                <fieldset>
                    <legend>Informativa della privacy:</legend>
                    <p>Ai sensi dell'art. 1341 del codice civile, l'utente approva separatamente gli articoli 1<br>
                        (Descrizione del Servizio), 3 (Utilizzo consentito), 4 (Contenuti del Servizio), 5 (Diritti di <br>
                        proprieta' intellettuale), 9 (Inattivita' dell'account), 11 (Risoluzione del Contratto), 13 (Legge <br>
                        applicabile; foro competente) delle presenti condizioni.
                    </p>
                    <input type="checkbox" name="confermaInformativa" onclick="abilita()" value="ok"/>Accetto
                    <p>
                        <button id="invia" type="submit" onclick="return controllo()">Registra <img src="img/ok.gif" alt="ok"></button>
                        <button type="reset" onclick="cancella()">Cancella <img src="img/cancel.gif" alt="cancel"></button>
                    </p>
                </fieldset>
            </form>
        </div>
    </body>
    <script type="text/javascript">
        element=document.getElementById("invia");
        element.disabled=true;
    </script>
     <script type="text/javascript">
         window.onload = function()
         {
            sottobarra=document.getElementById("subbar1");  
            cerca=document.getElementById("cerca");
            sottobarra2=document.getElementById("subbar2");  
            login=document.getElementById("login");
            tableL=document.getElementById("localInfo");
            cerca.style.display="none";
            sottobarra.style.display="none";
            login.style.display="none";
            sottobarra2.style.display="none";
            tableL.style.display="none";
        }
     </script>
     <script type="text/javascript">
        inputEvent();
     </script>
</html>
